﻿@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <link href="~/Content/Style3.css" rel="stylesheet" />
    <script src="~/Scripts/InputNumber.js"></script>
    <title>SelectTransaction</title>
</head>
<body>
    <div id="wrapper">
        <div id="div1" style="display: inline-block; ">
            <ul>
                @using (Html.BeginForm("Withdraw", "ATM"))
                {
                <li><input type="submit" name="txtdn1" class="txtbt" value="Button 1" /></li>
                }
                @using (Html.BeginForm("CheckBalance", "ATM"))
                {
                    <li><input type="submit" name="txtdn2" class="txtbt" value="Button 2" /></li>
                }
                @using (Html.BeginForm("Transfer", "ATM"))
                {
                    <li><input type="submit" name="txtdn3" class="txtbt" value="Button 3" /></li>
                }
            </ul>
        </div><!--end #div1-->

        <div id="div2" style="display:inline-block;">
            <div id="header">
                <img src="~/Content/Images/logo.gif" />
                <h5>This is HLD Bank</h5>
            </div>
            <div id="chucnangTrai">
                <div class="bgButton-left bgButton-top">Withdraw</div>
                <div class="bgButton-left">Check Balance</div>
                <div class="bgButton-left">Transfer</div>
            </div>
            @*<div id="welcome">
                    <h6>Please select transaction you want</h6>
                </div>*@
            <div id="chucnangPhai">
                <div class="bgButton-right bgButton-top">View history</div>
                <div class="bgButton-right">Change PIN</div>
                <div class="bgButton-right">Exit</div>
            </div>


        </div>

        <div id="div3" style="display:inline-block;">
            <ul>
                <li><input type="button" name="txtdn4" class="txtbt" value="Button 4" onclick="return location.href = '/Log/SelectTime';" /></li>
                @using (Html.BeginForm("ScreenChangePIN", "ATM"))
                {
                     <li><input type="submit" name="txtdn5" class="txtbt" value="Button 5" /></li>
                }
                @using (Html.BeginForm("Thankyou", "ATM"))
                {
                   <li><input type="button" name="txtdn6" class="txtbt" value="Button 6" /></li>
                }
                
            </ul>
        </div><!--end #div3-->
    </div><!--end #wrapper-->
    <div id="div4" style="display:inline-block;">
        <table class="caulator" border="0" width=400 height=200>
            <tr>
                <td>
                    <input id="btn1" type="button" value="1" class="number" onclick="selectNumber(1) " />
                </td>
                <td>
                    <input id="btn2" type="button" value="2" class="number" onclick="selectNumber(2)" />
                </td>
                <td>
                    <input id="btn3" type="button" value="3" class="number" onclick="selectNumber(3)" />
                </td>
                <td>
                    <input id="btnCancel" type="reset" value="Cancel" class="text" onclick="cancel()" />
                </td>
            </tr>

            <tr>
                <td>
                    <input id="btn4" type="button" value="4" class="number" onclick="selectNumber(4)" />
                </td>
                <td>
                    <input id="btn5" type="button" value="5" class="number" onclick="selectNumber(5)" />
                </td>
                <td>
                    <input id="btn6" type="button" value="6" class="number" onclick="selectNumber(6)" />
                </td>
                <td>
                    <input id="btnClear" type="button" value="Clear" class="text" onclick="clearNumber()" />
                </td>
            </tr>

            <tr>
                <td>
                    <input id="btn7" type="button" value="7" class="number" onclick="selectNumber(7)" />
                </td>
                <td>
                    <input id="btn8" type="button" value="8" class="number" onclick="selectNumber(8)" />
                </td>
                <td>
                    <input id="btn9" type="button" value="9" class="number" onclick="selectNumber(9)" />
                </td>
                <td>
                    <input id="btnEnter" onclick="selectEnter()" type="submit" value="Enter" class="text" />
                </td>
            </tr>

            <tr>
                <td>
                    <input type="button" value="" class="number" />
                </td>
                <td>
                    <input type="button" value="0" class="number" onclick="selectNumber(0)" />
                </td>
                <td>
                    <input type="button" value="" class="number" />
                </td>

            </tr>
        </table>
    </div>
</body>
</html>
